<template>
    <div id="header" class="">
        <div class="widget">
            <div class="account ">
                            <div class="user-info">
                                <div class="avata-pic">
                                    <a href="javascript:;">
                                        <img src="@/assets/images/default_user_portrait.gif" />
                                    </a>
                                </div>
                                <div class="hello clearfix">
                                    <p class="he-tit">您好，欢迎光临</p>
                                 
                                </div>
                            </div>
                            <div class="logres" style="margin-top: 10px;height:15px">
                                    <router-link to="/login" tag="a" class="column-btn" >请登录</router-link>
                                    <router-link to="/register" tag="a" class="column-btn" >免费注册</router-link>
                                </div>
                            <div class="quick">
                               
                            
                               
                                    <div class="kj-tit" style="margin-top: 10px;">快捷入口</div>
                                <div class="kj-con clearfix">
                                    <div class="kj-item bor-r bor-b"> <a href="javascript:;"> <i
                                                class="i-con icon-1"></i> <span>我的浏览</span> </a> </div>
                                    <div class="kj-item bor-r bor-b"> <a href=""> <i class="i-con icon-2"></i>
                                            <span>我的收藏</span> </a> </div>
                                    <div class="kj-item bor-b"> <a href=""> <i class="i-con icon-3"></i>
                                            <span>我的订单</span> </a> </div>
                                    <div class="kj-item bor-r"> <a href=""> <i class="i-con icon-4"></i>
                                            <span>账号安全</span> </a> </div>
                                    <div class="kj-item bor-r"> <a href="javascript:;"> <i class="i-con icon-5"></i>
                                            <span>我要分享</span> </a> </div>

                                </div>
                            </div>
                        </div>
        </div>
       <LogoSearch></LogoSearch>
        <div class="w-full mall-nav relative ">
            <div class="mall-bg w">
                <ul class="w clearfix">
                
                    <li class="each float-left inline-block"><a class="current" href="">首页</a></li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/1">  新鲜水果<span
                                class="absolute block">HOT</span></a></li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/3"> 精选肉类</a>
                    </li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/2">新鲜水产</a>
                    </li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/4">新鲜蔬菜</a>
                    </li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/5">五谷杂粮</a>
                    </li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/6">熟食制品</a>
                    </li>
                    <li class="each float-left inline-block"><a class="" href="/productsList/7">乳制类与蛋品</a>
                    </li>
         
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
import LogoSearch from './LogoSearch.vue';

export default{
    components:{
        LogoSearch
    }

}


</script>

<style scoped>
.widget {
  position: fixed;
  left: 20px;
  top: 40px;
  width: 200px;
  height: 350px;
  background-color: #F5FAFE;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  opacity: 0.85
}


</style>